<template>
	<view class="register">
		<view class="header">
			<view class="jt"  @tap="go">
				<
			</view>
		</view>
		
		
		
		
		
		<view class="content">
			<image class="img" src="../../../static/icons/leju-logo.png" mode=""></image>
			
			<view class="tel">
				<input type="text"  placeholder="手机号" />
			</view>
			
			<view class="word">
				<input type="text"  placeholder="登录密码" />
			</view>
			
			<view class="name">
				<input type="text"  placeholder="用户名" />
			</view>
			
			<view class="ni">
				<input type="text"  placeholder="昵称" />
			</view>
			
			<view class="ma">
				<input type="text"  placeholder="验证码" />
			</view>
			
			<view class="pig" @tap="login">
				<!-- <input type="text"  placeholder="注册" /> -->
				<text>注册</text>
			</view>
				
		</view>
		
		
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			go(){
				uni.navigateBack({
					delta:0
				})
			},
			login(){
				uni.navigateTo({
					url:"../login/login"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.register{
	padding-top: var(--status-bar-height);
}

.header{
	width: 100%;
	height: 60px;
	background-color: #354e44;
	overflow: hidden;
}
.jt{
	font-size: 28px;
	color: #fff;
	margin-top: 10px;
}
.content{
	width: 100%;
	height: 800px;
	background-color: #eeeae5;
}
.img{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin-left: 140px;
	margin-top: 80px;
}
.tel{
	width: 300px;
	height: 50px;
	background-color: #f5f5f5;
	border-radius: 30px;
	margin-left: 40px;
	input{
		width: 200px;
		height: 50px;
		background-color: #f5f5f5;
		margin-left: 50px;
		margin-top: 30px;
		
	}
}

.word{
	width: 300px;
	height: 50px;
	background-color: #f5f5f5;
	margin-left: 40px;
	border-radius: 30px;
	input{
		width: 200px;
		height: 50px;
		background-color: #f5f5f5;
		margin-left: 50px;
		margin-top: 30px;
		
	}
}

.name{
	width: 300px;
	height: 50px;
	background-color: #f5f5f5;
	margin-left: 40px;
	border-radius: 30px;
	input{
		width: 200px;
		height: 50px;
		background-color: #f5f5f5;
		margin-left: 50px;
		margin-top: 30px;
		
	}
}
.ni{
	width: 300px;
	height: 50px;
	background-color: #f5f5f5;
	margin-left: 40px;
	border-radius: 30px;
	input{
		width: 200px;
		height: 50px;
		background-color: #f5f5f5;
		margin-left: 50px;
		margin-top: 30px;
		
	}
}
.ma{
	width: 300px;
	height: 50px;
	background-color: #f5f5f5;
	margin-left: 40px;
	border-radius: 30px;
	input{
		width: 200px;
		height: 50px;
		background-color: #f5f5f5;
		margin-left: 50px;
		margin-top: 30px;
		
	}
}

.pig{
	width: 300px;
	height: 50px;
	background-color: #354e44;
	margin-left: 40px;
	margin-top: 40px;
	border-radius: 30px;
	overflow: hidden;
	text{
		width: 200px;
		height: 50px;
		// background-color: #f5f5f5;
		margin-left: 120px;
		margin-top: 30px;
		line-height: 50px;
		color: #fff;
		font-size: 20px;
		
	}
}




</style>
